*{
	margin: 0;
	padding: 0;
}
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	padding-top: 1px;
	box-sizing: border-box;
	font-family: "微软雅黑";
}
a{
	text-decoration: none;
}
li{
	list-style: none;
}
#bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg.jpg);
	background-size: 100% 100%;
	z-index: -99;
}
.title{
	position: absolute;
	width: 9.93rem;
	height: 1.65rem;
	top: 0;
	left: 0;
}
.title .img1{
	position: absolute;
	top: 0.95rem;
	left: 4.23rem;
	width: 1.35rem;
	height: 0.52rem;
}
.title .img2{
	position: absolute;
	top: 1rem;
	left: 4.6rem;
	transform: translateX(-50%);
	height: 0.4rem;
}
.title .img3{
	position: absolute;
	top: 1rem;
	left: 5.1rem;
	height: 0.4rem;
}
.body-title{
	width: 6.5rem;
	height: 2.27rem;
	background: url(../img/title.png);
	background-size: 100% 100%;
	margin: 2.31rem auto 0;
	padding-top: 1px;
}
.body-title img{
	width: 5.49rem;
	height: 1.27rem;
	display: block;
	margin: 0.6rem auto;
}
.body-content{
	width: 9.93rem;
	height: 11.25rem;
	margin: 0.64rem auto 0;
	background: url(../img/backbg.jpg);
	background-size: 100% 100%;
	border-radius: 4px;
	position: relative;
}
#game,#g1{
	width: 8.94rem;
	height: 6.35rem;
	margin: 0 auto;
	font-weight: 800;
}

#game, #game2 {
	width: 8.94rem;
	height: 6.35rem;
	margin: 0 auto;
	font-weight: 800;
}
.body-foot{
	width: 9.92rem;
	height: 2.6rem;
	margin: 0 auto;
}
.bf-left,.bf-right{
	float: left;
	width: 4.21rem;
	height: 1.48rem;
	border-radius: 4px;
	margin-top: 0.67rem;
}
.bf-left{
	background: url(../img/btnbg.png);
	background-size: 100% 100%;
	margin-left: 0.46rem;
	border-radius: 6px;
}
.bf-left a{
	display: block;
	width: 100%;
	height: 100%;
}
.bf-left .error{
	background: url(../img/error.png) no-repeat center center;
	background-size: 68% 56%;
}
.bf-left .correct{
	background: url(../img/correct.png) no-repeat center center;
	background-size: 73% 60%;
}
.bf-left .loading{
	background: url(../img/loading.png) no-repeat center center;
	background-size: 78% 50%;
}
.bf-right{
	margin-left: 0.57rem;
}
.bf-right a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/nextbg.jpg);
	background-size: 100% 100%;
	border-radius: 6px;
}
/*第一题*/
#question1,#question2{
	height: 4.03rem;
	width: 9.93rem;
	padding: 1.58rem 0.9rem 0;
	box-sizing: border-box;
}
#question1 img{
	width: 8.22rem;
	height: 2.35rem;
	display: block;
}
#question2 img{
	width: 8.21rem;
	height: 1.71rem;
	display: block;
}
/*第三题*/
.question3{
	width: 9.93rem;
	height: 4rem;
	padding-top: 1px;
}
.question3 img{
	width: 8.22rem;
	height: 1.08rem;
	display: block;
	margin: 1.8rem auto 0;
}
.question3con{
	width: 9.93rem;
	height: 7.24rem;
}
.question3con .option{
	width: 9.93rem;
	height: 3.02rem;
	padding: 0 0.91rem;
	box-sizing: border-box;
}
.question3con .option ul{
	height: 2.6rem;
}
.question3con .option li{
	float: left;
	width: 1.57rem;
	margin: 0 0.22rem;
}
.question3con .option li a{
	display: block;
	width: 1.57rem;
	height: 1.59rem;
	padding: 0.1rem;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #FFFFFF;
}
.question3con .option li a img{
	width: 1.37rem;
	height: 1.39rem;
}
.question3con .option li p{
	font-size: 0.42rem;
	color: #FFFFFF;
	text-align: center;
	font-weight: 800;
	margin-top: 0.28rem;
}
.question3con .answer{
	height: 1.93rem;
	padding: 0 0.91rem;
}
.question3con .answer li{
	float: left;
	width: 1.28rem;
	height: 1.28rem;
	box-sizing: border-box;
	margin: 0 0.17rem;
	border-radius: 4px;
	border: 0.09rem solid #FFFFFF;
}
.question3con .answer li span{
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	background-color: rgba(0,0,0,0.5);
	color: #FFFFFF;
	text-align: center;
	line-height: 1.1rem;
	font-size: 0.54rem;
}
.question3con .redo{
	height: 1.14rem;
}
.question3con .redo a{
	width: 2.53rem;
	height: 1.14rem;
	display: block;
	border: 0.1rem solid #FFFFFF;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 0 auto;
}
.question3con .redo a span{
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	color: #FFFFFF;
	text-align: center;
	font-size: 0.54rem;
	line-height: 1rem;
	font-weight: 800;
}

/*第四题*/
.question4{
	width: 9.93rem;
	height: 4rem;
	padding-top: 1px;
}
.question4 img{
	width: 8.22rem;
	height: 1.73rem;
	display: block;
	margin: 1.78rem auto 0;
}
.question4con{
	width: 9.93rem;
	padding-top: 0.87rem;
	padding-left: 1.62rem;
}
.question4con ul li{
	height: 0.74rem;
	margin-bottom: 0.42rem;
	background: url(../img/radio-no.png) no-repeat left center;
	background-size: 0.53rem 0.53rem;
}
.question4con ul .on{
	background: url(../img/radio-ok.png) no-repeat left center;
	background-size: 0.53rem 0.53rem;
}
.question4con ul li input{
	float: left;
	width: 0.52rem;
	height: 0.52rem;
	margin-top: 0.12rem;
	opacity: 0;
}
.question4con ul li span{
	float: left;
	font-size: 0.52rem;
	color: #FFFFFF;
	margin-top: 0.04rem;
	margin-left: 0.43rem;
}
.question4con ul li a{
	float: left;
	width: 0.89rem;
	height: 0.65rem;
	margin-top: 0.01rem;
	margin-left: 0.45rem;
}
.question4con ul li img{
	float: left;
	width: 0.89rem;
	height: 0.65rem;
}

/*第五题*/
.question5{
	width: 9.93rem;
	height: 4rem;
	padding-top: 1px;
}
.question5 img{
	width: 8.21rem;
	height: 1.08rem;
	margin:1.79rem auto 0;
	display: block;
}
.question5con{
	width: 9.93rem;
	padding-top: 0.13rem ;
	padding-left: 1.62rem;
}
.question5con li{
	height: 1.06rem;
	margin-bottom: 0.39rem;
	background: url(../img/radio-no.png) no-repeat left center;
	background-size: 0.53rem 0.53rem;
}
.question5con .on{
	background: url(../img/radio-ok.png) no-repeat left center;
	background-size: 0.53rem 0.53rem;
}
.question5con li input{
	width: 0.52rem;
	height: 0.52rem;
	float: left;
	margin-top: 0.27rem;
	margin-right: 0.27rem;
	opacity: 0;
}
.question5con li span{
	font-size:0.52rem;
	color: #FFFFFF;
	float: left;
	margin-top: 0.2rem;
	margin-right: 0.58rem;
}
.question5con li div{
	width: 0.81rem;
	height: 0.81rem;
	float: left;
	border: 0.05rem solid #FFFFFF;
	border-radius: 0.04rem;
	margin-right: 0.35rem;
	margin-top: 0;
}
.question5con li div img{
	width: 0.81rem;
	height: 0.81rem;
	display: block;
	float: left;
}
/*第六题*/
.question6{
	width: 9.93rem;
	height: 4rem;
	padding-top: 1px;
}
.question6 img{
	width: 6.47rem;
	height: 0.45rem;
	display: block;
	margin: 2.78rem 0 0 0.9rem;
}
#videopop{
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 1px;
	box-sizing: border-box;
	top: 0;
}
.logo{
	width: 10.77rem;
	height: 2.93rem;
	margin-top: 1.4rem;
}
.logo img{
	display: block;
	margin: 0 auto;
	width: 3.53rem;
	height: 2.93rem;
}
.txt{
	margin-top: 0.51rem;
	height: 2.1rem;
}
.txt img{
	width: 6.74rem;
	height: 2.1rem;
	display: block;
	margin: 0 auto;
}
.tv{
	width: 9.24rem;
	height: 7.33rem;
	border-radius: 8px;
	background: url(../img/tv.jpg) no-repeat left top;
	background-size: 100% 100%;
	margin: 0.58rem auto 0;
	padding-top: 1px;
}
#video{
	width: 8.54rem;
	height: 6.1rem;
	margin: 0.3rem auto 0;
	border-radius: 6px;
}
.btn{
	display: block;
	width: 2.47rem;
	height: 1.22rem;
	background: url(../img/btn.png) no-repeat left top;
	background-size: 100% 100%;
	margin: 1.2rem auto 0;
}
.blur{
	-webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);    
    filter: blur(10px);
}
.zhezhao{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
}
.zhezhao img{
	width: 100%;
	height: 100%;
}
/*首页*/
.maginbg{
	width: 10.77rem;
	height: 8.9rem;
	margin-top: 1.82rem;
}
.maginbg img{
	width: 10.77rem;
	height: 8.9rem;
}
.userinfo{
	width: 10.77rem;
	height: 4.29rem;
	padding-top: 0.53rem;
	box-sizing: border-box;
	position: relative;
}
.userinfo input{
	display: block;
	width: 9.07rem;
	height: 1.48rem;
	border: 0;
	outline: none;
	border-radius: 0.74rem;
	margin: 0.38rem auto 0;
	text-align: center;
	font-size: 0.56rem;
	color: #999;
}
.userinfo .rank{
	width: 9.07rem;
	height: 1.48rem;
	border-radius: 0.74rem;
	margin: 0.38rem auto 0;
	text-align: center;
	font-size: 0.52rem;
	color: #999;
	line-height: 1.48rem;
	background-color: #FFFFFF;
	position: relative;
}
.userinfo .rank img{
	position: absolute;
	width: 0.35rem;
	height: 0.26rem;
	top: 0.59rem;
	right: 0.59rem;
}
.chackrank{
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 9.07rem;
	height: 11.24rem;
	background-color: #FFFFFF;
	border-radius: 0.7rem;
	margin-left: -4.535rem;
	padding-top: 0.26rem;
	box-sizing: border-box;

}
.chackrank li{
	height: 1.52rem;
	font-size: 0.52rem;
	color: #157d66;
	text-align: center;
	line-height: 1.52rem;
}
.start{
	padding-top: 2.1rem;
}
.start a{
	display: block;
	margin: 0 auto;
	width: 9.05rem;
	height: 1.6rem;
	background: url(../img/start.png) no-repeat left top;
	background-size: 100% 100%;
}
/*结果页*/
.answer-content{
	width: 10.77rem;
	height: 10.5rem;
	background: url(../img/answerbg.jpg) no-repeat left top;
	background-size: 100% 100%;
	margin-top: 0.68rem;
	position: relative;
	padding-top: 4.14rem;
	box-sizing: border-box;
}
.answer-content span{
	color: #ff6660;
	font-size: 0.77rem;
	text-align: center;
	font-weight: 800;
	display: block;
}
.answer-content .span1{
	width: 3.68rem;
	height: 1.31rem;
	top: 2.16rem;
	left: 2.92rem;
	line-height: 1.3rem;
	position: absolute;
}
.answer-content .pingjia{
	width: 5.87rem;
	height: 2.54rem;
	margin: 0 auto;
}
.pingjia .p1{
	line-height: 0.9rem;
	font-size: 0.56rem;
	color: #908b84;
	font-weight: 800;
	letter-spacing: 0.18rem;
}
.pingjia .p1 span{
	font-size: 0.7rem;
	color: #ff7279;
	display: inline-block;
	font-weight: 800;
}
.pingjia .p2{
	line-height: 0.74rem;
	font-size: 0.43rem;
	color: #908B84;
	margin-top: 0.26rem;
	font-weight: 800;
	letter-spacing: 0.12rem;
}
.pingjia .p2 span{
	font-size: 0.5rem;
	color: #FF7279;
	display: inline-block;
	font-weight: 800;
}
.textbox{
	width: 5.36rem;
	font-size: 0.38rem;
	line-height: 0.52rem;
	color: #9c988d;
	font-weight: 800;
	margin: 0 auto;
}
.answer-content .span2{
	width: 1.81rem;
	height: 0.77rem;
	top: 4.1rem;
	left: 6.04rem;
}
.answer-content .span3{
	width: 2.1rem;
	height: 0.54rem;
	top: 5.1rem;
	left: 4.72rem;
}
.answer-foot{
	height: 1.6rem;
	padding-left: 0.66rem;
	margin-top: 0.94rem;
}
.answer-foot .af-left,.answer-foot .af-right{
	margin: 0 0.16rem;
	width: 4.21rem;
	height: 1.6rem;
	float: left;
}
.answer-foot a{
	display: block;
	width: 4.21rem;
	height: 1.6rem;
	border-radius: 4px;
	
}
.answer-foot .gdfu{
	background: url(../img/gdfd.png) no-repeat left top;
	background-size: 100% 100%;
}
.answer-foot .jxnl{
	background: url(../img/jxnl.png) no-repeat left top;
	background-size: 100% 100%;
}
.answer-foot .zjzl{
	background: url(../img/zjzl.png) no-repeat left top;
	background-size: 100% 100%;
}
.answer-foot .xwzj{
	background: url(../img/xwzj.png) no-repeat left top;
	background-size: 100% 100%;
}
.answer-foot .wywh{
	background: url(../img/wywh.png) no-repeat left top;
	background-size: 100% 100%;
}
.answer-foot .xmyz{
	background: url(../img/xmyz.png) no-repeat left top;
	background-size: 100% 100%;
}
.answer-foot .ptdq{
	background: url(../img/ptdq.png) no-repeat left top;
	background-size: 100% 100%;
}
.answer-foot .bzxg{
	background: url(../img/bzxg.png) no-repeat left top;
	background-size: 100% 100%;
}